<!DOCTYPE html>
<html>
<head>
    <title><%= title %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel='stylesheet' href='/css/bootstrap.min.css' />
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <script src="/script/jquery.min.js"></script>
    <script src="/script/bootstrap.min.js"></script>
</head>
<body> 
	<h1 class="title"><%= title %></h1>

	<form class="form-horizontal">
		<div class="form-group">
			<label for="Email" class="col-sm-3 control-label">Email</label>
			<div class="col-sm-6">
				<input type="email" class="form-control" id="Email" placeholder="Please input Email">	
			</div>
		</div>
		<div class="form-group">
			<label for="password" class="col-sm-3 control-label">Password</label>
			<div class="col-sm-6">
				<input type="password" class="form-control" id="password" placeholder="Please input pussword"> 
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-9" style="text-align:right">
				<div class="checkbox">
					<label>
						<input type="checkbox">Remember me 30 days	
					</label>					
				</div>
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-9" style="text-align:right">
				<p>
					<button class="btn btn-primary">sign up</button>
					<a class="btn btn-primary" href="/signin">sign in</a>
				</p>
			</div>
		</div>
	</form>
</body>
<script type="text/javascript">
	$('#signUp').click(function(){
		$.get("/signup", function(data){
			console.log('456');
			console.log(data);
		})
	});
</script>
</html>